/*
window.onload = function () {
    //console.log($().getId('box').html());
  //$().getTagName('span').css('color','red')
  /!*$('#box').css('color','red').click(function () {
    console.log($(this).html())
  })*!/
  /!*$().getId('box').click(function () {
    console.log($(this))
  })*!/
  //$('.a').css('color','red')
  //$('p').css('color','blue')
  //$('p').find('span').css('color','red');
  //$('div').find('span').css('color','blue')
  //$('p').find('.a').css('color','red');
  //$('p').find('#a').css('color','red');
  //$('#box').css('color','red');
}*/
/*
window.onload = function () {
  //$('#box').find('.a').css('color','red');
  //$('#box p .a').css('color','red');
  $('#box div').css('color','red');
}*/
//浏览器检测
/*
function getState () {
  alert( ' ')
}
getState();*/ //需要调用，比较多余

//alert(' '); //直接写在全局里，比较混乱

/*
(function getState () {   //闭包
  alert(' ')
})();*/

/*
(function () {
  window.sys = {};    //让外部可以访问，保存浏览器信息对象
  var ua = navigator.userAgent.toLowerCase();   //获取浏览器信息字符串
  var s;  //浏览器信息数组，浏览器名称+版本
  //alert(ua.match(/msie ([\d.]+)/))    //msie7.0,7.0
  //alert(ua.match(/firefox\/([\d.]+)/)); //firefox/58.0,58.0
  //alert(ua.match(/chrome\/([\d.]+)/));  //chrome/62.0.3202.89,62.0.3202.89
  //alert(ua.match(/opera\/.*version\/([\d.]+)/));  //opera
  //alert(ua.match(/version\/([\d.]+).*safari/)); //safari
  /!*if((/msie ([\d.]+)/).test(ua)){
    s = ua.match(/msie ([\d.]+)/);
    sys.ie = s[1];
  }
  if((/firefox\/([\d.]+)/).test(ua)){
    s = ua.match(/firefox\/([\d.]+)/);
    sys.firefox = s[1];
  }
  if((/chrome\/([\d.]+)/).test(ua)){
    s = ua.match(/chrome\/([\d.]+)/);
    sys.chrome = s[1];
  }
  if((/opera\/.*version\/([\d.]+)/).test(ua)){
    s = ua.match(/opera\/.*version\/([\d.]+)/);
    sys.opera = s[1];
  }
  if((/version\/([\d.]+).*safari/).test(ua)){
    s = ua.match(/version\/([\d.]+).*safari/);
    sys.safari = s[1];
  }*!/

  (s = ua.match(/msie ([\d.]+)/)) ? sys.ie = s[1] :
  (s = ua.match(/firefox\/([\d.]+)/)) ? sys.firefox = s[1] :
  (s = ua.match(/chrome\/([\d.]+)/)) ? sys.chrome = s[1] :
  (s = ua.match(/opera\/.*version\/([\d.]+)/)) ? sys.opera = s[1] :
  (s = ua.match(/version\/([\d.]+).*safari/)) ? sys.safari = s[1] : 0;
})();
alert(sys.chrome);*/
//IE678模拟DOMContentLoaded
/*
document.write('<script id="ie_loaded" defer="defer" src="javascript:void(0)"></script>');
var ie_loaded = document.getElementById('ie_loaded');
//alert(ie_loaded)
//判断是否完全加载完毕DOM了
ie_loaded.onreadystatechange = function () {
  if(this.readyState == 'complete'){
    var box = document.getElementById('box');
    alert(box.innerHTML);
  }
};
//有效，DOM加载完毕后执行了节点操作，并且后面才加载完毕图片
//缺陷：如果有iframe标签，那么这种方法就会等待iframe里面的内容加载完毕才能执行节点

//现代DOM加载
addEvent(document,'DOMContentLoaded',function () {
  var box = document.getElementById('box');
  //alert(box.innerHTML);
});
//非IE的现代DOM加载事件，可以在iframe内容加载前执行


//使用doScroll
var timer = null;
timer = setInterval(function () {
  try{
    document.documentElement.doScroll('left');
    var box = document.getElementById('box');
    //alert(box.innerHTML);
  }catch(e){}
});

function addDomLoaded (fn) {
  if(document.addEventListener) {//W3C
    addEvent(document,'DOMContentLoaded',function () {
      fn();
      //alert(arguments.callee)
      removeEvent(document,'DOMContentLoaded',arguments.callee);
    });
  }else{
    var timer = null;
    timer = setInterval(function () {
      try{
        document.documentElement.doScroll('left');
        fn();
      }catch(e){}
    });
  }
}
addDomLoaded(function () {
  var box = document.getElementById('box');
  //alert(box.innerHTML);
});*/


//向下兼容
/*
window.onload = function () {

};*/

//alert(document.readyState);

/*
var isReady = false;
var timer = null;
function doReady (fn) {
  if(timer) clearInterval(timer);
  if(isReady) return;
  isReady = true;
  fn()
}

function addDomLoaded (fn) {
  //这种方法目前在主流浏览器判断的都是complete,类似与onload,即图片加载后加载
  //用于非主流浏览器的向下兼容即可
  /!*timer = setInterval(function () {
    if(/loaded|complete/.test(document.readyState)){//loaded是部分加载，有可能只是DOM加载完毕，complete是完全加载，类似与onload
      doReady(fn)
    }
  },1)*!/

  /!*第二种，在图片前加载*!/
  timer = setInterval(function () {
    if(document && document.getElementById && document.getElementsByTagName && document.body){
      doReady(fn);
    }
  },1)
}
addDomLoaded(function () {
  var box = document.getElementById('box');
  alert(box.innerHTML);
});*/



/*
addDomLoaded(function () {
  var box = document.getElementById('box');
  alert(box.innerHTML);
});*/

//动画1
/*
$(function () {
  var box = document.getElementById('box');
  //alert(getStyle(box,'left'))
  setInterval(function () {
    box.style.left = getStyle(box,'left') + 1 + 'px';
  },50)
});*/
$(function () {
  $('#btn').click(function () {
    $('#box').animate({
      'attr': 'o',
      'start': 100,
      'target': 30,
      'step':7
    });
  });
});